<template>
  <div class="lcds-root-container">
    <div>
      <div class="lc-form" style="--formItemSpace: 150px">
        <el-form
          ref="formRef"
          :model="formModel"
          :rules="rules"
          :disabled="status === 'preview'"
          label-width="120px"
        >
          <lc-rower>
            <el-form-item class="lc-form-item" label="订单id" prop="orderId">
              <div class="lc-form-item__box">
                <el-input-number
                  class="lc-input-number"
                  v-model="formModel.orderId"
                  :controls="true"
                  placeholder="请输入"
                ></el-input-number>
              </div>
            </el-form-item>
            <el-form-item class="lc-form-item" label="订单明细编号22" prop="orderItemCode">
              <div class="lc-form-item__box">
                <el-input class="lc-input" v-model="formModel.orderItemCode" placeholder="请输入">
                </el-input>
              </div>
            </el-form-item>
          </lc-rower>
          <lc-rower>
            <el-form-item class="lc-form-item" label="商品编号" prop="goodsCode">
              <div class="lc-form-item__box">
                <el-input class="lc-input" v-model="formModel.goodsCode" placeholder="请输入">
                </el-input>
              </div>
            </el-form-item>
            <el-form-item class="lc-form-item" label="商品名称" prop="goodsName">
              <div class="lc-form-item__box">
                <el-input class="lc-input" v-model="formModel.goodsName" placeholder="请输入">
                </el-input>
              </div>
            </el-form-item>
          </lc-rower>
          <lc-rower>
            <el-form-item class="lc-form-item" label="商品数量" prop="goodsCount">
              <div class="lc-form-item__box">
                <el-input-number
                  class="lc-input-number"
                  v-model="formModel.goodsCount"
                  :controls="true"
                  placeholder="请输入"
                ></el-input-number>
              </div>
            </el-form-item>
            <el-form-item class="lc-form-item" label="商品单价" prop="goodsPrice">
              <div class="lc-form-item__box">
                <lc-input-amount
                  class="lc-input-amount"
                  v-model="formModel.goodsPrice"
                  :maxDecimalDigits="2"
                  :maxIntegerDigits="15"
                  :clearable="false"
                  placeholder="请输入"
                >
                </lc-input-amount>
              </div>
            </el-form-item>
          </lc-rower>
        </el-form>
      </div>
      <lc-rower> </lc-rower>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue';

defineOptions({
  name: 'CollapsePanel02'
});

const emit = defineEmits(['submit']);

const formModel = ref({
  orderId: '',
  orderItemCode: '',
  goodsCode: '',
  goodsName: '',
  goodsCount: '',
  goodsPrice: ''
});
const formRef = ref(null);
const rules = ref({});
</script>
